$(function(){
	
	//给滚动条加动画
	$(document).scroll(function(){		
		if($(this).scrollTop()>50){
			$(".scroll").slideDown("1s");
			$(".scroll").on("click",function(){
				$(document).scrollTop(0);
			})
		}else{
			$(".scroll").slideUp("1s");
		}
	})
//左边小图标的显示与隐藏
		$("#left .li2").on("mouseenter",function(){		
			$(".nav2").css({width:74,height:"100%",opacity:1})								
		})
		$("#left .li2").on("mouseleave",function(){		
			$(".nav2").css({width:0,height:0,opacity:0})								
		})
	//右边小图标的显示与隐藏
		$("#right").find(".li2").find("a").on("mouseenter",function(){
			$(this).siblings(".nav2").css({"left":"-230px",opacity:1,display:"block"})
		})
		 $("#right").find(".li2").find("a").on("mouseleave",function(){
			$(this).siblings(".nav2").css({"left":"-300px",opacity:0,display:"none"})
		})

	//搜索框（百度一下）
//拼接参数
	function params(obj){
		var str="";
		for(var key in obj){
			str+=key+"="+obj[key]+"&";
		}
		return str;
	}
	//https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=miqi&cb=fn
	function jsonp(url,data,callback,fn){//注意传参时，每一项都要写，
		//1.生成随机函数名
		var tempName="jq"+parseInt(Math.random()*1000);//随机函数名
		window[tempName]=fn;

		//2.拼接字符串
		var tempParam=params(data);
		
		//3.拼接参数
		var tempUrl="";
		if(tempParam.length>0){
			tempUrl=url+"?"+tempParam+callback+"="+tempName;
		}
		else{
			tempUrl=url+"?"+callback+"="+tempName;
		}
		
		//4.创建script
		var oScript=document.createElement("script");
	    oScript.setAttribute("src", tempUrl);
	    document.body.appendChild(oScript);
	   //5数据出来后讲script以及src去除掉
	    oScript.onload = function () {
	        this.remove();
	       delete(window.fn)
	    }		
	}
	$("#search").find("#btn").on("click",function(){
			//注意传参时，每一项都要写，
		jsonp("https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su",{"wd":""+$("#search").find("#text").val()+""},"cb",function(obj){					
			 for(var i=0;i<obj.s.length;i++){
			 	var ul=$("#search").find("ul").append("<li>"+obj.s[i]+"</li>");				 	
			 }
			 ul.children().on("click",function(){
			 	$("#search").find("#text").val($(this).html());
			 	$(this).parent().children().remove();
			 })
		});
	})	
	$("#search").find("span").on("click",function(){
		$("#search").slideUp();
	})
	
	$(".search-btn").on("click",function(){
		$("#search").slideDown();
	})
	
//	$("#box").find("ul")

$.ajax({
	"url":"../json/商品展示.json",
	type:"get",
	async:true,
	success:function(res){
		var data=res;
		console.log(data[1])
		var date = new Date();
		
        date.setDate(date.getDate() + 7);
    
		for(var i=0;0<16;i++){
			var jsonStr=getCookieValueByKey("No."+data[i].id.toString());
			if(!jsonStr){
				setCookie("No."+data[i].id, JSON.stringify(data[i]), date);//保存到cookie中
			}
			
			var newli=$("<li></li>");
			newli.append("<a href='list.html?id="+(i+19)+"'><img src='"+res[i].src+"'></a>");
			newli.append("<h2>"+res[i].name+"</h2>");
			newli.append("<p>￥"+res[i].price+"</p>");
			$("#box").find("ul").append(newli);
		}
		
	}
})

//获取购物车里商品的总数目
		var arr=[];
		var num=0;
		for(var i=0;i<35;i++){
			arr.push(getCookieValueByKey("No."+i));
			if(arr[i]){
				num+=JSON.parse(arr[i]).num;			
			}
		}
//		console.log(num)
		$(".num").html(num);	
		
		

	
})	